<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
        <h:outputStylesheet library="css" name="estilo.css"/>
        <h:outputScript library="js" name="common.js" />


    </h:head>

    <h:body>
        <div style="height: 300px; width: 400px; margin: auto;">
            <p:panel header="Inicio de Sesión" id="pnlLoggin">

                <h:form id="datos">
                    <p:growl id="messages"/>

                    <h:panelGrid columns="2" id="datosUsua">
                        <h:outputLabel for="nomUsuario" value="Nombre de Usuario:"/>
                        <p:inputText id="nomUsuario"  value="#{ctrLoginControlador.descripcion}" style="width: 200px;" required="true" requiredMessage="El campo Nombre de Usuario es Obligatorio"/>

                        <h:outputLabel for="pass" value="Contraseña:"/>
                        <p:password id="pass"  value="#{ctrLoginControlador.clave}" style="width: 200px;" label="Contraseña" />                       

                        <p:commandButton value="Aceptar" action="#{ctrLoginControlador.iniciaSecion}" ajax="false"/>
                        <p:commandButton value="Registrarse" action="Registro.xhtml?faces-redirect=true"/>
                    </h:panelGrid>
                </h:form>
            </p:panel>
        </div>
        
    </h:body>



</html>
